<template>
	<view class="container">
		<view class="header">
			<view class="" :style="'height:'+barHeight+'px'">
		
			</view>
			<view class="align-center plr12" style="height: 74rpx;">
				<view class="align-center" @click="back">
					<uv-icon name="arrow-left" size="16" color="#fff"></uv-icon>
					
				</view>
				<view class="search">
						
				</view>
			</view>
			<view class="" style="height: 16rpx;">
				
			</view>
			<view class="tabs align-center" style="width: 100vw;padding-right: 30rpx;box-sizing: border-box;flex-shrink: 0;">
				<view class="flex1">
					<uv-tabs :list="list" lineColor="#228CFC" :activeStyle="{
						color: '#228CFC',
						fontWeight: 'bold',
						transform: 'scale(1.05)'
					}" :inactiveStyle="{
						color: '#000',
						transform: 'scale(1)',
						fontSize:'14px'
					}" @click="click"></uv-tabs>
				</view>
				
			<view class="align-center ml15" style="flex-shrink: 0;">
					福建 <uv-icon name="arrow-down"></uv-icon>
			</view>
			</view>
		</view>
		<view class="" style="height: 260rpx;">
		
		</view>
		<view class=" ">
			<view class="align-start comName bgWhite" v-for="(i,n) in data" :key="n">
				<image class="log" src="../../static/images/rz.png" mode=""></image>
				<view class="flex1">
					<view class="title">
						企业名称
					</view>
					<view class="align-center mt12">
						<view class="tag">
							存续
						</view>
						<image style="margin: 0 6rpx 0 32rpx;" src="../../static/images/rz.png" mode=""></image>
						平台已认证
					</view>
					<view class="align-center justify-between mt5">
						<view class="flex-col  align-center justify-start">
							<text class="ft12" style="line-height: 40rpx;">法定代表人</text>
							<view class="name ft14" style="color:#228CFC;line-height: 40rpx;">
								张三
							</view>
						</view>
						<view class="flex-col  align-center justify-center middle">
							<text class="ft12" style="line-height: 40rpx;">注册资本</text>
							<view class="name ft14" style="color: #000;line-height: 40rpx;">
								199万元
							</view>
						</view>
						<view class="flex-col  align-center justify-center">
							<text class="ft12 " style="line-height: 40rpx;">成立日期</text>
							<view class="name ft14" style="line-height: 40rpx;">
								2012-02-31
							</view>
						</view>
					</view>
					<view class="align-center justify-between mt12">
						<view class=" flex1 align-center justify-center">
							<image style="width:32rpx;height:32rpx;flex-shrink: 0;margin-right: 8rpx;" src="../../static/images/dw.png" mode=""></image>
							<view class="ft12">
								新顺北大新顺北大1
							</view>
						</view>
						<view class="flex1 align-center justify-center">
							<image style="width: 32rpx;height: 32rpx;margin-right: 8rpx;" src="../../static/images/zz.png" mode=""></image>
							<view class="ft12">
								资质公司
							</view>
						</view>
						<view class="flex1 align-center justify-center">
							<image style="width: 32rpx;height: 32rpx;margin-right: 8rpx;" src="../../static/images/fh.png" mode=""></image>
							<view  class="ft12">
								官网复核
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

	
	</view>
</template>

<script>
	

	let app = getApp();
	export default {
		components: {

		},
		data() {
			return {
				act: 0,
				dataInfo: {},
				certificateNum: '',
				value: "",
				data:[
					{
						title:'东北',
						children:[
							{
								title:'黑龙江'
							}
						]
					},
					{
						title:'东北',
						children:[
							{
								title:'黑龙江'
							},
							{
								title:'黑龙江'
							},
							{
								title:'黑龙江'
							},
							{
								title:'黑龙江'
							}
						]
					},
					{
						title:'东北',
						children:[
							{
								title:'黑龙江'
							}
						]
					}
				],
				barHeight:0	,
				list: [{
					name: '关注',
				}, {
					name: '推荐',
				}, {
					name: '电影'
				}, {
					name: '科技'
				}, {
					name: '音乐'
				}, {
					name: '美食'
				}, {
					name: '文化'
				}, {
					name: '财经'
				}, {
					name: '手工'
				}],
			}
		},
		onLoad(opt) {
			this.barHeight = uni.getStorageSync('menuInfo').menuTop

		},
		mounted() {
			
		
			 
			// 使用函数生成一个正弦波形
		
		
		},

		methods: {
					back(){
						uni.navigateBack()
					}	
					
			}





	}
</script>
<style scoped lang="scss">
	.container {
		height: 100vh;
		// background: linear-gradient(180deg, #4375f2, #fff);
		padding-top: 20rpx;
	}
	.header {
		background-color: #228CFC;
		color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	
		
	}
	.provinceTitle{
		font-size: 32rpx;
		line-height: 52rpx;
		.cricle{
			width: 12rpx;
			display: block;
			height: 32rpx;
			background: rgba(39, 109, 214, 1);
			margin-right: 30rpx;
			border-radius: 0 10rpx 10rpx 0;
		}
		margin: 10rpx 0 24rpx 0;
	}
	.areadata{
		color: rgba(0, 0, 0, 0.9);
		padding: 8rpx 48rpx;
		border-radius: 12rpx;
		background-color: rgba(243, 243, 243, 1);
		margin: 0 8rpx 8rpx 0;
		line-height: 44rpx;
		display: inline-block;
	}
	.search{
		width: 420rpx;
		height: 60rpx;
		border-radius: 60rpx;
		background-color: #fff;
		margin-left: 20rpx;
	}
	.tabs{
		background: #fff;
		color: #000;
	}
	.comName{
		margin-bottom: 24rpx;
		padding: 24rpx;
		color: rgba(0, 0, 0, 0.6);
		font-size: 20rpx;
		.title{
			color: #000;
			font-family: "PingFang SC";
			font-size: 32rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 48rpx; /* 150% */
		}
		.tag{
			color: #228CFC;
			border: 1px solid #228CFC;
			font-size: 20rpx;
			padding: 4rpx 12rpx;
			border-radius: 6rpx;

		}
		image{
			width: 40rpx;
			height: 40rpx;
		}
		.log{
			width: 80rpx;
			border-radius: 10rpx;
			height: 80rpx;
			margin-right: 20rpx;
		}
		
	}
		
	.middle{
		position: relative;
		padding: 0 60rpx;
	}
	.middle::after{
		position: absolute;
		clear: both;
		content: '';
		width: 1px;
		height: 16px;
		background-color: #E7E7E7;
		top: 0;
		bottom: 0;
		left: 0;
		
		margin: auto;
	}
	.middle::before{
		position: absolute;
		clear: both;
		content: '';
		width: 1px;
		height: 16px;
		background-color: #E7E7E7;
		top: 0;
		bottom: 0;
		right: 0;
		
		margin: auto;
	}
</style>